<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="UTF-8">
  <title>MyPetStore</title>
  <link rel="icon" href="../images/title.png" sizes="32x32">
  <link rel="StyleSheet" href="../css/jpetstore.css" type="text/css"
        media="screen"/>
  <link rel="StyleSheet" href="../css/searchProduct.css" type="text/css" media="screen"/>
  <link rel="stylesheet" href="../css/mouseEventInform.css" type="text/css" media="screen"/>
</head>
<body>
<div th:replace="common/IncludeTop">
</div>
<div id="Content">
  <div id="Catalog">
    <form action="saveAccount" method="post">
      <h3>User Information</h3>
      <table>
        <tr>
          <td>User ID:</td>
          <td th:text="${account.username}">username</td>
        </tr>
        <tr>
          <td>New password:</td>
          <td><input type="text" name="password" autofocus="autofocus"/></td>
        </tr>
        <tr>
          <td>Repeat password:</td>
          <td><input type="text" name="repeatedPassword" /></td>
        </tr>
      </table>

      <div th:replace="account/includeAccountFields::#middle"></div>

      <input type="submit" name="saveAccount" value="Save Account Information" />
    </form>

    <a th:href="'/order/listOrders?username='+${account.username}">My Orders</a>
  </div>
</div>
<div th:replace="common/IncludeBottom">
</div>
</body>
</html>